<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport"
        content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="__CSS__/ex/common.css">
    <link rel="stylesheet" href="__CSS__/ex/login.css">
    <title>我的收益</title>
    <script src="__JS__/ios-web-app.js"></script>
</head>

    <header class="normal_header">
        <div class="header_pic">
            <a href="{:U('user/index')}"><img src="__IMG__/ex/back_black.png" alt=""></a>
        </div>
        <p>Lợi nhuận của tôi</p>
        <div class="header_pic"></div>
    </header>
    <section class="change_content">
        <!--<div class="record_tit">-->
            <!--<span class="active">静态</span>-->
            <!--<span>动态</span>-->
            <!--<span>节点</span>-->
        <!--</div>-->
        <ul class="mrecord">
            <li>
                <span>Tài khoản</span>
                <span>Nguồn</span>
                <span>Thời gian</span>
                <span>Điểm thưởng</span>
            </li>
            <php>
                $level=C('leader');
            </php>
            <volist name="data" id="vo">
                <li class="listx">
                    <span>{$vo.username}</span>
                    <span>{$vo.from}</span>
                    <span>{$vo.create_time|date='Y-m-d H:i',###}</span>
                    <span>
                        <if condition="$vo.type eq 9">
                            {$vo.amount}({$level[$vo['flag_cha']]}{$vo.tips})
                            <elseif condition="$vo.type eq 10"/>
                            {$vo.amount}({$agent[$vo['flag_cha']]}{$vo.tips})
                            <else />
                            {$vo.amount}({$vo.tips})
                        </if>

                    </span>
                </li>
            </volist>

            <style>
                .listx span{
                    display: inline-block;
                    overflow: hidden;
                    text-overflow: ellipsis;
                    white-space: nowrap;
                }
            </style>
            <!--<li>-->
                <!--<span>17398200290</span>-->
                <!--<span>2019-05-27 12:20</span>-->
                <!--<span>10.00（兑换）</span>-->
            <!--</li>-->
            <!--<li>-->
                <!--<span>17398200290</span>-->
                <!--<span>2019-05-27 12:20</span>-->
                <!--<span>10.00（兑换）</span>-->
            <!--</li>-->
            <!--<li>-->
                <!--<span>17398200290</span>-->
                <!--<span>2019-05-27 12:20</span>-->
                <!--<span>10.00（兑换）</span>-->
            <!--</li>-->
            <!--<li>-->
                <!--<span>17398200290</span>-->
                <!--<span>2019-05-27 12:20</span>-->
                <!--<span>10.00（兑换）</span>-->
            <!--</li>-->
        </ul>
    </section>

<style>
    .mrecord li span:first-child,.mrecord li span:nth-child(2){
        width: 15%;
    }
    .mrecord li span:nth-child(3){
        width: 40%;
        flex-shrink: 0;
    }
    .mrecord li span:nth-child(4){
        width: 45%;
    }
</style>
</html>